interface IData {
	id: number
	name: string
	pid: number
}


const data = [
	{ id: 1, name: "用户管理", pid: 0 },
	{ id: 2, name: "菜单申请", pid: 1 },
	{ id: 3, name: "信息申请", pid: 1 },
	{ id: 4, name: "模块记录", pid: 2 },
	{ id: 5, name: "系统设置", pid: 0 },
	{ id: 6, name: "权限管理", pid: 5 },
	{ id: 7, name: "用户角色", pid: 6 },
	{ id: 8, name: "菜单设置", pid: 6 },
];

type dataType = IData[]
// （2）正确设置参数的数据类型，any不多于3个
// （3）使用素材提供的json数据，分析映射关系（3）使用素材提供的json数据，分析映射关系
class Tree {
	// （7）合理设置Tree的私有属性、方法
	private name: string
	options: HTMLElement
	data: dataType
	// （6）根据提供数据，正确设置Tree的泛型接口
	constructor(data: dataType, options: HTMLElement) {
		this.data = data
		this.options = options

		this.init()
	}
	init() {
		this.render()
	}
	render() {
		this.options.innerHTML = this.data.map(v => {
			return `
				<li>${v.name}</li>
			`
		}).join('')
	}
	// （7）合理设置Tree的私有属性、方法
	private sayName() {

	}
}

const d111 = new Tree(data, document.querySelector('.sel'))